<template>
  <div>
    <button
      class="rain-button"
      :class="[
      type ? 'rain-button--' + type : '',
      size ? 'rain-button--' + size : '',
    ]"
    >
    <span v-if="$slots.default"><slot></slot></span>
    </button>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component({
  components: {}
})
export default class Home extends Vue {
  // data
  // props
  @Prop(String) type!:string
  @Prop(String) size!:string
  // mounted

}
</script>
<style lang="scss" scoped>
@import "../scss/button.scss";
</style>